<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>测试1</h1>
<h1>测试2</h1>
<h1>测试3</h1>
<h1>测试4</h1>
<h1>测试5</h1>
<input type="text">
<input type="button" value="按钮">
<img src="../b.jpg" alt="">
<!--从cdn服务器引入-->
<!--<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>-->
<!--从本地引入-->
<script src="jquery.min.js"></script>

<script>
    // $("h1").text("测试成功")

    $("input:last").click(function () {
        // alert($("input:first").val());
        // $("h1:eq(3)").text("xxx");
        let x = parseInt(Math.random() * $("h1").length);
        $("h1:eq(" + x + ")").text($("input:first").val());
    })

    //  修改样式
    $("h1").css("color", "red");
    //获取样式的值
    console.log($("h1").css("color"));
</script>
</body>
</html>